<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>

        .moreBtn {
            cursor: pointer;
            position: fixed;
            bottom: 10%;
            right: 7%;
            width: 3%;
            border-radius: 100px;
            height: 3%;
            background-color: #8BC34A;
        }

        .moreBtn i {
            margin-top: 20%;
            margin-left: 50%;
        }

        .notice_block {
            float: left;
            overflow: hidden;
            width: 45%;
            background-color: white;
            border-radius: 3px;
            height: auto;
            margin: 1%;
            position: relative;
        }

        .request_btn {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            cursor: pointer;
        }

        .request_btn:hover {
            box-shadow: inset 0 0 31px rgba(0, 0, 0, .12);
            -webkit-transition: all .15s ease;
            transition: all .15s ease;
        }

        .notice_content {
            width: 100%;
            height: 100%;
            padding: 4%;
        }

        .notice_content h5 {
            color: #9E9E9E;
        }

        label {
            margin-bottom: 0;
            display: block;
        }

        .notice_head input {
            display: none;
            width: 30px;
            height: 30px;
        }

        .notice_body img {
            width: 100%;
            height: 200px;
        }

        .float_left {
            float: left;
        }

        .input_size {
            width: 180px;
        }

        .float_right {
            float: right;
            margin-right: 7%;
        }

        .head_tool {
            overflow: hidden;
        }
    </style>
</head>
<body>
<div class="box" style="display: none">
    <div class="box-body">
        <table id="mainDataTables" class="table table-bordered table-striped" cellspacing="0" width="100%">
            <thead>
            <tr>
                <th style="width:5%;"><input onchange="$.checkChange()" type="checkbox" id="batch_check"></th>
                <th style="width:10%;">序号</th>
                <th>标题</th>
                <th style="width:18%;">发送时间</th>
                <th style="width:10%;">是否已读</th>
                <th style="width:15%;">操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<!-- 信息展示modal -->
<div class="modal fade" id="showInfoModal" tabindex="-1" role="dialog" aria-labelledby="groupInfoModalLabel"
     aria-hidden="true">
    <div class="modal-dialog" id="dialog">
        <div class="modal-content" style="width: 600px" id="content">
            <div class="modal-header" id="header">
                <label class="modal-title" id="groupInfoModalLabel">通知公告内容</label>
                <button type="button" title="全屏" class="btn btn-default btn-xs" onclick="$.fullShowModal()"
                        style="float: right; margin-top: -5px;">
                    <span class="glyphicon glyphicon-resize-full" aria-hidden="true"></span>
                </button>
            </div>
            <div class="modal-body row" id="body"
                 style="height: 400px; width: 610px; overflow:auto">
                <div class="col-sm-12" style="text-align:center;margin-top: -7px">
                    <span id="showNoticeTitle" style="font-size: 19px;font-weight:bold;"></span>
                </div>
                <div class="col-sm-12">
                    <hr style="margin-top: 10px;margin-bottom: 10px"/>
                </div>
                <div class="col-sm-12" style="text-align: center">
                    <span style="color: #619e9f;font-size: 14px">发件人：</span>
                    <span id="showSendName" style="margin-right: 60px;font-size: 14px"></span>
                    <span style="color: #619e9f">时间：</span>
                    <span id="showNoticeTime" style="font-size: 14px"></span>
                </div>
                <div class="col-sm-12">
                    <hr style="margin-top: 10px;margin-bottom: 10px"/>
                </div>
                <div class="form-group col-sm-12" style="">
                    <p style="margin-left:10px;overflow:auto;">
                        <span id="showNoticeContent" style="font-size: 16px;"></span>
                    </p>
                </div>
            </div>
            <div class="modal-footer" id="footer">
                <button type="button" class="btn btn-primary" onclick="$.closeShowModal()">
                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> 关闭
                </button>
            </div>
        </div>
    </div>
</div>
<div class="head_tool">
    <div class="float_right">
        <input class="form-control float_left input_size" id="searchValue" placeholder="标题">
        <button class="btn btn-primary float_left" id="searchBtn">搜索</button>
        <button class="btn btn-primary float_left" id="toolBtn">操作</button>
        <button class="btn btn-danger float_left" style="display: none" id="deleteBtn">删除</button>
    </div>
</div>
<div id="noticeList">
    <span class="moreBtn" title="加载更多">
        <i class="glyphicon glyphicon-chevron-right"></i>
    </span>
</div>
</body>
<script src="notice/noticeList.js"></script>
</html>